<!-----------------------------------------------------------下面是搜索所有的课程的页面-------------------------------->
<div class="cj-couse-all">



    <!---------------------------------------------------------------------------弹出的课程列表的页面------------------------------------------------------>
    <div id="cj-touch-couse">
        <div class="cj-select-back"></div>
        <div class="cj-couse-top">
            <h1>武侯区全民艺术普及工程-课程查看</h1>
            <div class="icon-chuqu"></div>
        </div>
        <!--------------------------------------------------------------------------这一部分是头部的下拉列表的部分 begin---------------------------------------------------->
        <div class="cj-touch-chose">
            <ul>
                <li class="cj-category-li"><P>选择课程分类</P><button id="category-select-popup">全部</button></li> <!----选择课程分类------------->
                <li class="cj-way-li"><p>选择授课方式</p><button id="way-select-popup">全部</button></li>   <!----授课方式------------->
                <li class="cj-time-li"><p>选择上课时间</p><button id="time-select-popup">全部</button></li>   <!----上课时间------------->
                <li class="cj-noon-li"><p>上午/下午</p><button id="noon-select-popup">全部</button></li>   <!----上午/下午------------->
            </ul>
        </div>
        <div class="cj-touch-select">
            <!----------------------------------------------------------------------选择课程类别 begin--------------------------------------------------------------------->
            <div class="cj-select-category">
                <div class="cj-category-top">
                    <h1>课程分类</h1>
                    <button>返回</button>
                    <button class="cj-top-bot-hide">全部</button>
                </div>
                <div class="clear"></div>
                <div class="cj-category-con">
                    <?php foreach ($tree as $key=>$val) { ?>
                        <?php
                        $class='';
                        switch($val['name']){
                            case '舞蹈':
                                $class='icon-shuhua';
                                break;
                            case '表演':
                                $class='icon-biaoyan';
                                break;
                            case '模特':
                                $class='icon-mote';
                                break;
                            case '体育':
                                $class='icon-tiyuelei';
                                break;
                            case '书画':
                                $class='icon-shuhua';
                                break;
                            case '棋':
                                $class='icon-qilei';
                                break;
                            case '科学益智':
                                $class='icon-kexueyizhi';
                                break;
                            case '键盘':
                                $class='icon-jianpan';
                                break;
                            case '流行打击':
                                $class='icon-liuxingdajiyue';
                                break;
                            case '民乐':
                                $class='icon-minyue';
                                break;
                            case '西洋乐':
                                $class='icon-xiyangyue';
                                break;
                            case '声乐合唱':
                                $class='icon-shengyuehechang';
                                break;
                        }
                        ?>
                        <div class="cj-con-list">
                            <h2 ><span class="<?= Html::encode($class)?>  cj-category-ionic"></span><?= Html::encode($val['name']) ?></h2>
                            <ul>
                                <li><?= Html::encode($val['name']) ?></li>
                                <?php foreach ($val['children'] as $k=>$v) { ?>
                                    <li><?= Html::encode($v['name']) ?></li>
                                <?php } ?>
                            </ul>
                            <div class="clear"></div>
                        </div>
                    <?php } ?>
                </div>
            </div>
            <!----------------------------------------------------------------------选择课程类别 end--------------------------------------------------------------------->
            <!----------------------------------------------------------------------选择授课方式 begin-------------------------------------------------------------------->
            <div class="cj-select-way">
                <div class="cj-category-top">
                    <h1>授课方式</h1>
                    <button>返回</button>
                </div>
                <div class="clear"></div>
                <ul>
                    <li>全部</li><li>一对一</li><li>小班制</li><li>普通班</li>
                </ul>
            </div>
            <!----------------------------------------------------------------------选择授课方式 end-------------------------------------------------------------------->

            <!----------------------------------------------------------------------选择上课时间 begin-------------------------------------------------------------------->
            <div class="cj-select-time">
                <div class="cj-category-top">
                    <h1>上课时间</h1>
                    <button>返回</button>
                </div>
                <div class="clear"></div>
                <ul>
                    <li>全部</li><li>周一</li><li>周二</li><li>周三</li><li>周四</li><li>周五</li><li>周六</li><li>周天</li>
                </ul>
            </div>
            <!----------------------------------------------------------------------选择上课时间 end-------------------------------------------------------------------->
            <!----------------------------------------------------------------------选择上午/下午 begin-------------------------------------------------------------------->
            <div class="cj-select-noon">
                <div class="cj-category-top">
                    <h1>上午/下午</h1>
                    <button>返回</button>
                </div>
                <div class="clear"></div>
                <ul>
                    <li>全部</li><li>上午</li><li>下午</li>
                </ul>
            </div>
            <!----------------------------------------------------------------------选择上午/下午 end-------------------------------------------------------------------->
        </div>
        <!--------------------------------------------------------------------------这一部分是头部的下拉列表的部分 end---------------------------------------------------->

        <!------------------------------------------------------------------------下拉列表下面的当前位置部分----------------------------------------------------------------->
        <div class="cj-position">
            <p>当前：<span id="p_touch_gain">全部课程</span></p>
        </div>
        <!------------------------------------------------------------------------下拉列表下面的当前位置部分结束----------------------------------------------------------------->
        <!--------------------------------------------------------------------------------中间的课程列表内容---------------------------------------------------------------------->
        <div class="cj-course-list">
            <ul>
                <div id="load"><img src="/images/images/load.gif" width="250px" height="250px"/></div>
                <div id="itemContainer">
                    <?php foreach($goods_all as $k=>$v){ ?>
                        <li class="list1">
                            <img src="<?=isset($v->cate->pc_image)&&!empty($v->cate->pc_image)?$v->cate->pc_image:'/images/nopic.png'?>" width="100%" height="150px"/>
                            <div class="teacher"><img src="<?=empty($v->teacher->img)?'/images/noperson.png':$v->teacher->img?>" width="80px" height="81px"/></div>
                            <span id="cj-touch-hidden" ><?=Html::encode($v['id'])?></span>
                            <p>课程名称:<?=Html::encode($v['name'])?></p>
                            <p>课程老师:<?=Html::encode(isset($v->teacher->name)?$v->teacher->name:'')?></p>
                            <p>课程学费:<?=Html::encode(isset($v->price)?$v->price:'')?></p>
                            <p>课程课时:</p>
                            <div id="can-appointment" <?php if($v['is_booking']==0){echo 'class="not_appoint"';}?>><img src="/images/images/appoint.png" ><p>可预约</p></div>
                        </li>
                    <?php }?>
                </div>
            </ul>
            <div class="clear"></div>
            <div id="page"><?= LinkPager::widget(['pagination' => $pages_all,'prevPageCssClass' =>'prevclass','nextPageCssClass'=>'nextclass']); ?></div>
        </div>
        <!--------------------------------------------------------------------------------中间的课程列表内容结束---------------------------------------------------------------------->
    </div>
    <!------------------------------------------------------------------------------------点击出现的查看课程列表页面结束-------------------------------------------------------->
    <div class="clear"></div>
</div>
<!---------------------------------------------------所有的课程的页面------------------------------------------->


<!-------------------------------------------------------------课程详情页面的全部内容----------------------------------------------------------------->
<div id="cj-couse-details">
    <div id="load-details">
        <img src="/images/images/load.gif" width="250px" height="250px"/>
    </div>
    <div class="cj-couse-top">
        <div class="icon-fanhui"></div>
        <h1>武侯区全民艺术普及工程-课程详情</h1>
        <div class="icon-chuqu"></div>
    </div>
    <!-----------------------------------------------------------------图片的滑动切换部分---------------------------------------------------------->
    <div class="cj-details-banner">
        <div class="cj-details-subban"></div>
    </div>
    <!-----------------------------------------------------------------图片的滑动切换部分完成---------------------------------------------------------->
    <div class="cj-content"></div>
    <!---------------------------------------------------------------------------中间的部分全部完成----------------------------------------------------------------------->
</div>
<!-----------------------------------------------------------------点击查看详情页面完成-------------------------------------------->